<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>拉拉</title>
        <style>
            a:link{color: #ff0000;}
            a:visited{color: #00ff00;}
            a:hover{color: yellow;}
            a:active{color: rebeccapurple;}
            a.red:link{color: #00ff00;}
        </style>
    </head>
    <body>
        <p><b><a href="/imgs/" target="_blank">这是一个链接</a></b></p>
        <p><b>注意:</b>a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果</p>
        <p><b>注意:</b>a:active 必须在 a:hover 之后</p>
        <a class="red" href="/imgs/250.png" target="_blank">第二个链接</a>
    </body>
</html>